<template>
  <div>
    用户名：<input id="username" v-model="msg" type="text" />
    <br />
    自我介绍：<textarea
      v-model="intro"
      name=""
      id=""
      cols="30"
      rows="10"
    ></textarea>
    <br />
    兴趣爱好：
    <input v-model="hodel" type="checkbox" value="sing" />唱
    <input v-model="hodel" type="checkbox" value="dance" />跳
    <input v-model="hodel" type="checkbox" value="rap" />rap

    <br />
    <hr />
    全选：<input v-model="isAll" type="checkbox" />

    <br />
    <button @click="login">提交</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "123",
      intro: "",
      hodel: [],
      isAll: false,
    };
  },

  mounted() {},

  methods: {
    login() {
      console.log(this.msg, this.intro);
    },
  },
};
</script>

<style lang="scss" scoped>
</style>